<?php


?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<!--<script type="text/javascript"
    src="https://maps.google.com/maps/api/js?sensor=false">
    </script>
    -->
        <?php echo $this->headScript()->appendFile($this->baseUrl('js/mapapi3.8.6.js')) ?>

<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(40.0053681, 116.4769563);
    var myOptions = {
      zoom: 12,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
    
    
    <?php
echo  $this->makerstr;
    ?>
    var flightPlanCoordinates = [
                                 <?php
                                 echo $this->linestr; 
                                 ?>
                               ];
	var flightPath = new google.maps.Polyline({
                                 path: flightPlanCoordinates,
                                 strokeColor: "#FF0000",
                                 strokeOpacity: 1.0,
                                 strokeWeight: 2
                               });

    flightPath.setMap(map);
    
	<?php
			echo $this->triaglestr;
			?>
    
  }
  
  
</script>
</head>
<body onLoad="initialize()">
  <div id="map_canvas" style="width:100%; height:80%">

  </div>
  <div id="selector" style="width:100%; height:20%">
  
    <form name="form1" method="post" action="route">
    <table width="100%" border="1">
      <tr>
        <th scope="col">user id: </th>
        <th scope="col">
          <input type="text" id="mapuserid" name="mapuserid" value="<?php echo $this->mapuserid?>" >
        
        </th>
        <th scope="col">phone number: </th>
        <th scope="col"><input type="text" id="phonenumber" name="phonenumber" value="<?php echo $this->phonenumber?>"></th>
        <th scope="col"><input type="submit" name="Submit" value="提交"></th>
        <th scope="col"><input type="button" name="Submit2" value="Reset" onclick="javascript:alert('abc:'+document.getElementById('phonenumber').value+':');"></th>
      </tr>
    </table>
	</form>
  </div>
</body>
</html>